<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, initial-scale=1.0, width=device-width"/>
    <meta name="format-detection" content="telephone=no, email=no, date=no, address=no">
    <title>首页</title>
    <link rel="stylesheet" type="text/css" href="../../css/bootstrap.min.css" />
    <link rel="stylesheet" type="text/css" href="../../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../../css/main.css" />

    <link rel="stylesheet" type="text/css" href="../../css/colleague.css" />

    <script type="text/javascript" src="../../script/api.js"></script>
    <script type="text/javascript" src="../../script/jquery.js"></script>

    <script type="text/javascript" src="../../script/main.js"></script>
</head>
<body>
  <div id="header">
      <div id="back"></div>
      <h3>职业标准管理</h3>
  </div>
  <div id="all" style="height:500px;">
    <!-- <div class="kind">
      <div class="kind_span"><span>意见所属类别</span></div>
      <div class="kind_selete">
        <div class="btn-toolbar" role="toolbar">
          <div class="btn-group">
              <button type="button" class="btn btn-default kind_selete_1">bug</button>
           </div>
          <div class="btn-group">
              <button type="button" class="btn btn-default kind_selete_2">产品建议</button>
          </div>
          <div class="btn-group">
              <button type="button" class="btn btn-default kind_selete_3">吐槽</button>
          </div>
          <div class="btn-group">
              <button type="button" class="btn btn-default kind_selete_4">其他</button>
          </div>
        </div>
      </div>
    </div> -->
    <div class="kind">
      <div class="kind_span"><span>职业名称</span></div>
      <div class="kind_selete">
        <input class="opinion_title" id="title" placeholder="请输入职业名称"/>
      </div>
      <div class="kind_span"><span>职业序号</span></div>
      <div class="kind_selete">
        <input class="opinion_title" id="code" placeholder="请输入code"/>
      </div>
    </div>
    <div class="feedback">
      <div class="feedback_span"><span>职业标准</span></div>
      <div class="feedback_content">
        <div class="feedback_content_span">
          <!-- <textarea name="feedback_content_span_text" placeholder="反馈bug时，请描述具体操作步骤及问题" style="height:200px;"></textarea> -->

          <div class="btn_hide"><input type="file" name="file" id="file" value="" accept="image/*" multiple="multiple"><img id="image" src="../../image/add_img.png" alt=""></div>
        </div>
      </div>
    </div>
    <!-- <div class="contact_way">
      <div class="contact_way_span"><span>你的联系方式</span></div>
      <textarea name="contact_way_span_text" class="contact_way_span_text" placeholder="留下邮箱或电话，方便我们联系你哦"></textarea>
    </div> -->
  </div>
  <footer>
    <button class="myBtn" style="font-size:16px;">提交</button>
  </footer>

</body>
<script type="text/javascript">
    //点击添加图片
    $(".btn_hide #image").click(function(){
      $(".btn_hide input").click();
    })
    //隐藏的按钮点击事件
    $(".btn_hide input").change(function(){
        var file=$(this)[0].files;
        var url;
        for(i=0;i<file.length;i++){
          if (window.createObjcectURL != undefined) {
                  url = window.createOjcectURL(file[i]);
              } else if (window.URL != undefined) {
                  url = window.URL.createObjectURL(file[i]);
              } else if (window.webkitURL != undefined) {
                  url = window.webkitURL.createObjectURL(file[i]);
              }
            $(".btn_hide").append("<img src='" + url + "' style='width:auto'/>");
            $("#image").hide();
            console.log(url);
        };
    })
      // $("img").click(function(){
      //   api.confirm({
      //       title: '反馈图片',
      //       msg: '您想要从哪里选取图片 ?',
      //       buttons: ['拍照', '相册', '取消']
      //   }, function(ret, err) {
      //       var sourceType = 'album';
      //
      //       if (3 == ret.buttonIndex) { // 取消
      //           return;
      //       }
      //
      //       if (1 == ret.buttonIndex) { // 打开相机
      //           sourceType = 'camera';
      //       }
      //
      //       api.getPicture({
      //           sourceType: sourceType,
      //           encodingType: 'png',
      //           mediaValue: 'pic'
      //       }, function(ret, err) {
      //         if(ret.data){
      //           $("img").attr("src", ret.data);
      //           alert(JSON.stringify(ret));
      //             // if (ret) {
      //             //     personalCenter.updateValue({
      //             //         imgPath: ret.data,//相册或者拍照的图片路径
      //             //         userColor:'#000000',
      //             //         subTitleColor:'#000000',
      //             //         count: count
      //             //     });
      //             // }
      //         }
      //       });
      //   });
      //   // $(".feedback_content_span").append("<img src='../image/add_img.png' alt=''>");
      // })
</script>
<script>
  apiready=function(){
    //------------------------------------------------------------
    //定义全局变量
    var accessid='';
    var accesskey='';
    var signature='';
    var host ='';
    var expire='';
    var policy='';
    var aid=$api.getStorage("aid");
    var dir='';
    var image='';
    //------------------------------------------------------------
    //执行函数
    // init();
    //------------------------------------------------------------
    $(".myBtn").click(function(){
      // //如果没有图片
      // if($("#insertImg").html()==""){
      //   createMsg();
      // }else{
        //如果有图片
        init_oss();
      // }
    });
    //------------------------------------------------------------
    //发表文章
    function createMsg(){
      //获取输入框文字
        var title=$("#title").val();
        var code=$("#code").val();
        //判断是否为空
        if (title.replace(/(^s*)|(s*$)/g, "").length ==0){
          alert("标题不能为空！");
          return false;
        }
        if (code.replace(/(^s*)|(s*$)/g, "").length ==0){
          alert("code不能为空！");
          return false;
        }
        var Url='/api/professions';
        var data={
                "name": title,
                "infoImageUrl": image,
                "code": code
            }
        var functionRet=function(ret1){
          api.hideProgress();
          //在manage.html执行jsfun
          var jsfun = 'reloadHtml();';
          api.execScript({
              name: 'manage',
              script: jsfun
          });
          //关闭本页面
          api.closeWin({
              name: 'add_professions'
          });
        }
        var functionErr=function(err1){
          console.log(JSON.stringify(err1))
        }
        show_post(Url,data,functionRet,functionErr);
    }
    //---------------------------------------------------------------------
    //将图片上传至oss服务器
    function init_oss(){
      // var Url='/api/oss/benyun-test-oss/postPolicy?dir=abc/';
      // var functionRet=function(ret1){
      //     //alert(ret1.accessid)
      //     if(ret1){
      //       accessid=ret1.accessid;
      //       signature=ret1.signature;
      //       host =ret1.host;
      //       dir =ret1.dir;
      //       expire =ret1.expire;
      //       policy =ret1.policy;
      //       oss_imgSave(img);
      //     }
      // }
      // var functionErr=function(err1){
      //   return false;
      // }
      // //获取oss签名
      // get(Url,functionRet,functionErr);
      var url='/api/oss/benyun-test-oss/postPolicy?dir=hsj/';
      var functionRet=function(ret){
        accessid = ret.accessid;
        signature = ret.signature;
        host =ret.host;
        dir =ret.dir;
        expire =ret.expire;
        policy =ret.policy;
        filesName=$("#file")[0];
        // var filename=$("#file")[0];
        console.log(JSON.stringify(filesName));
        //组装发送数据
        for(i=0;i<$("#file")[0].files.length;i++){
          var request = new FormData();
          filesName=new Date().getTime()+'.jpg';
          request.append("OSSAccessKeyId",accessid);//Bucket 拥有者的Access Key Id。
          request.append("policy",policy);//policy规定了请求的表单域的合法性
          request.append("signature",signature);//根据Access Key Secret和policy计算的签名信息，OSS验证该签名信息从而验证该Post请求的合法性
          //---以上都是阿里的认证策略
          request.append("key",'hsj/'+filesName);//文件名字，可设置路径
          request.append("success_action_status",'200');// 让服务端返回200,不然，默认会返回204
          request.append('file', $("#file")[0].files[i]);//需要上传的文件 file
          console.log($("#file")[0].files[i]);
          $.ajax({
                  url : host,  //上传阿里地址
                  data : request,
                  processData: false,//默认true，设置为 false，不需要进行序列化处理
                  cache: false,//设置为false将不会从浏览器缓存中加载请求信息
                  async: false,//发送同步请求
                  contentType: false,//避免服务器不能正常解析文件---------具体的可以查下这些参数的含义
             　　 type : 'post',
              　　success : function(callbackBody, request) { //callbackHost：success,request中就是 回调的一些信息，包括状态码什么的
                    image='benyun-test-oss.oss-cn-shenzhen.aliyuncs.com/hsj/'+filesName;
                    console.log(image);
              },
              error : function(returndata) {
                  alert(JSON.stringify(returndata));
              }
          });
        }
        createMsg();
      }
      var functionErr=function(err){

      }
      get(url,functionRet,functionErr);
    }
  }
</script>
<script>

  $(function(){
    back();
  })
</script>
</html>
